<script setup lang="ts">
import Menu from './Menu.vue';
</script>

<template>
  <el-container class="container">
    <el-header class="header">
      <Menu />
    </el-header>
    <el-main class="main">
      <router-view />
    </el-main>
    <el-footer class="footer">
      <div class="text">
        copyright © 2022 FreeConvert
      </div>
    </el-footer>
  </el-container>
</template>

<style lang="scss" scoped>
.container {
  height: 100vh;
}

.header {
  width: 100%;
  padding: 0;
  background-color: #f0f2f5;
}

.main {
  height: 93%;
  background-color: #f9f9f9;
}

.footer {
  height: 3%;
  justify-items: center;
  background-color: #f0f2f5;

  .text {
    font-size: large;
    font-family: Georgia, 'Times New Roman', Times, serif;
  }
}
</style>
